<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<% String ctxPath = request.getContextPath(); %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JFinal-weixin PC支付测试</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script type="text/javascript" src="/js/jquery.qrcode.min.js"></script>
</head>
<body>
JFinal-weixin PC支付测试<br>
使用jquery-qrcode生成二维码：https://github.com/jeromeetienne/jquery-qrcode
<br/>
<div id="output" style="display:none"></div>
<div id="imagQrDiv"></div>

</body>
<script type="text/javascript">
    jQuery(function(){
        jQuery('#output').qrcode("${code_url}");
        //从 canvas 提取图片 image 
    	function convertCanvasToImage(canvas) { 
    	//新Image对象，可以理解为DOM 
    	var image = new Image(); 
    	// canvas.toDataURL 返回的是一串Base64编码的URL，当然,浏览器自己肯定支持 
    	// 指定格式 PNG 
    	image.src = canvas.toDataURL(); 
    	return image; 
    	} 
    	//获取网页中的canvas对象 
    	var mycanvas1=document.getElementsByTagName('canvas')[0]; 
    	//将转换后的img标签插入到html中 
    	var img=convertCanvasToImage(mycanvas1); 
    	$('#imagQrDiv').append(img);//imagQrDiv表示你要插入的容器id
    })
   
</script>
</html>